﻿
.swiper-button-next, .swiper-button-prev{width: 10px; height: 15px;margin-top:-7px;background-size:100% 100%}
.swiper-button-prev{background-image:url(../Images/cate-left.png)}
.swiper-button-next{background-image:url(../Images/cate-right.png)}

.page-inner .right4 .part1, .page-inner .right4 .item1, .page7 .pay, .page12 .details li, .page21-1 .details li, .page18-2-right .item, .cf { *zoom: 1; }
.page-inner .right4 .part1:before, .page-inner .right4 .item1:before, .page7 .pay:before, .page12 .details li:before, .page21-1 .details li:before, .page18-2-right .item:before, .page-inner .right4 .part1:after, .page-inner .right4 .item1:after, .page7 .pay:after, .page12 .details li:after, .page21-1 .details li:after, .page18-2-right .item:after, .cf:before, .cf:after { content: ""; display: table; }
.page-inner .right4 .part1:after, .page-inner .right4 .item1:after, .page7 .pay:after, .page12 .details li:after, .page21-1 .details li:after, .page18-2-right .item:after, .cf:after { clear: both; }

.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.font-blue{color:#3399cc}

body.pt90 { padding-top: 90px; }

.navbar-fixed-top { top: 0 !important; position: fixed !important; }

input[type=checkbox] { position: relative; top: -1px; }

.page-inner .right4 .part1, .page-inner .right4 .item1, .page7 .pay, .page12 .details li, .page21-1 .details li, .page18-2-right .item, .cf { *zoom: 1; }
.page-inner .right4 .part1:before, .page-inner .right4 .item1:before, .page7 .pay:before, .page12 .details li:before, .page21-1 .details li:before, .page18-2-right .item:before, .page-inner .right4 .part1:after, .page-inner .right4 .item1:after, .page7 .pay:after, .page12 .details li:after, .page21-1 .details li:after, .page18-2-right .item:after, .cf:before, .cf:after { content: ""; display: table; }
.page-inner .right4 .part1:after, .page-inner .right4 .item1:after, .page7 .pay:after, .page12 .details li:after, .page21-1 .details li:after, .page18-2-right .item:after, .cf:after { clear: both; }

/* ----------------------------------------------------------------------main-------------------------------------------------------------------- */


.login { background-color: #fff; margin-top: 10px; margin-bottom: 10px; box-shadow: 0 0px 10px 0 #ededed; overflow: hidden; }
.login h3 { font-size: 20px; color: #333; font-weight: bold; }
.login .left img { width: 100%; }
.login .right { padding: 30px; }
.login input[type=text], .login input[type=password] { height: 40px; margin-top: 30px; }
.login .btn { border-radius: 0; width: 45%; height: 40px; line-height: 20px; }
.login .btn-default { line-height: 28px; }
.login .other { margin-top: 30px; }
.login .other a { margin-right: 10px; }

  .login .right { padding: 40px 30px; border-top: none; border-left: #ccc 1px dashed; min-height: 500px; }
  .login .left { min-height: 500px; } }
  .login .right { padding: 60px 70px; } }
.forget-pwd input[type=text], .forget-pwd input[type=password], .register input[type=text], .register input[type=password] { margin-top: 20px; }
.forget-pwd .yzm, .register .yzm { position: relative; padding-right: 30px; }
.forget-pwd .yzm .btn-yzm, .register .yzm .btn-yzm { width: 30%; position: absolute; right: 0; top: 0; line-height: 24px; }
.forget-pwd .yzm .btn-yzm.on, .register .yzm .btn-yzm.on { background-color: #eee; color: #999; border-color: #ccc; }
.forget-pwd button[type=submit], .register button[type=submit] { width: 100%; margin-top: 20px; }

.register button[type=submit] { width: 100%; margin-top: 0px; }
.register .agree { font-size: 12px; }

.binding-account .nav-tabs { width: 100%; border: none; }
.binding-account .nav-tabs li { width: 50%; border-radius: 0; padding: 0; margin: 0; position: relative; }
.binding-account .nav-tabs a { border-radius: 0; text-align: center; font-weight: bold; color: #333; border: #dcdcdc 1px solid; padding: 0; margin: 0; line-height: 40px; }
.binding-account .nav-tabs .active i { display: block; }
.binding-account .nav-tabs .active a { background-color: #3399cc !important; color: #fff !important; border-color: #3399cc !important; }
.binding-account .nav-tabs i { width: 15px; height: 5px; background: url("../Images/arrow.png") left top no-repeat; position: absolute; left: 50%; margin-left: -7px; bottom: -5px; display: none; }
.binding-account #tab-no-account { margin-top: 30px; }
.binding-account #tab-no-account input[type=text], .binding-account #tab-no-account input[type=password] { margin-top: 0px; }
.binding-account #tab-no-account button[type=button] { width: 100%; margin-top: 0px; }
.binding-account #has-account input[type=text], .binding-account #has-account input[type=password] { margin-top: 30px; }
.binding-account #has-account button[type=button] { width: 100%; margin-top: 20px; border: none;  }

.navbar-form input[type=text] { height: 35px; line-height: 1; border-radius: 35px; padding-right: 35px; width: 100%; background: #F6F6F6;padding-left:40px}
.navbar-form .form-group { position: relative; width: 100%; }
.navbar-form .form-group button { position: absolute; left:0; top: 0; width: 35px; height: 35px; border: none; background-color: transparent; outline: none !important; }

.index-ad{margin-top: 10px}
.index-ad .col-sm-10{ padding-left: 0;padding-right:10px}
.index-ad .col-sm-2{ padding: 0}
.item-ad{width: 100%; margin-bottom: 10px;height: 106px; overflow: hidden;}
.item-ad img{width: 100%}

.cate_content{background: #fff; padding: 15px 0}
.swiper-container{ padding: 0 40px}
.swiper-container .cate_item{text-align: center;}
.swiper-container .cate_item img{width: 50%; margin-bottom: 10px}

.page-inner { margin-bottom: 20px; margin-top: 10px; position: relative; }
.page-inner .left { padding: 0 20px 0 0; }
.page-inner .left img { width: 100%; }
.page-inner .left h3 { font-size: 20px; width: 100%; line-height: 50px; background-color: #3399cc; color: #fff; font-weight: bold; padding-left: 30px; margin: 0; }
.page-inner .list-group { margin: 0; border-radius: 0; border: none; }
.page-inner .list-group li { border-radius: 0; border: none; border-top: #dcdcdc 1px dotted; padding: 0 30px; line-height: 50px; }
.page-inner .list-group li:first-child { border: none; }
.page-inner .list-group li a { display: block; color: #666666; }
.page-inner .list-group li.on a { /*background: url("../Images/arrow2.png") right center no-repeat; color: #3399cc; */}
.page-inner .side-ad { width: 100%; margin-top: 30px; }
.page-inner .right, .page-inner .right4 { background-color: #fff; padding: 0; }
.page-inner .right h3, .page-inner .right4 h3 { font-size: 18px; width: 100%; line-height:50px; color: #000; font-weight: bold; padding: 0 30px; border-bottom: #f1f1f1 1px solid; margin: 0; }
.page-inner .right input[type=text], .page-inner .right input[type=password], .page-inner .right4 input[type=text], .page-inner .right4 input[type=password] { height: 40px; margin-bottom: 15px; width: 100%; border-color: #f1f1f1; }
.page-inner .right button[type=submit], .page-inner .right4 button[type=submit] { width: 100%; margin-bottom: 20px; height: 40px; border-radius: 3px; }
.page-inner .right4 { background-color: transparent; }
.page-inner .right4 .part1 { margin-bottom: 30px; font-size: 12px; }
.page-inner .right4 .part1 > div { width: 100%; background-color: #fff; height: 130px; overflow: hidden; padding: 15px; }
.page-inner .right4 .part1 .item2 { padding-top:20px; padding-left: 5%; }
.page-inner .right4 .part1 .item2 p{ line-height: 13px}
.page-inner .right4 .part1 .item2 b { color: #e92222; font-size: 14px; }
.page-inner .right4 .part1 .btn-xs { border-radius: 20px; border-color: #3399cc; background-color: transparent; color: #3399cc; display: inline-block; width: 60px; text-align: center; }
.page-inner .right4 .part1 .btn-xs:hover { background-color: #3399cc; color: #fff; }
.page-inner .right4 .part1 .con2 { width: 100%; height: 100%; background-color: #f5f5f5; position: relative; padding-top: 20px; }
.page-inner .right4 .part1 .con2 a { display: block; width: 110px; height: 30px; line-height: 30px; border-radius: 30px; background: url("../Images/qq3.png") 20px center no-repeat #0066cc; color: #fff; text-align: center; padding-left: 20px; margin: 0 auto; }
.page-inner .right4 .item1 { background-color: #fff; border-bottom: #dcdcdc 1px dashed; }
.page-inner .right4 .item1 .face { width: 100px; height: 100px; border-radius: 100%; overflow: hidden; display: block; }
.page-inner .right4 .item1 .l { float: left; }
.page-inner .right4 .item1 .r { float: left; margin-left: 15px; width: 145px; overflow: hidden }
.page-inner .right4 .item1 h4 {  font-size: 14px; color: #000; font-weight: bold; }
.page-inner .right4 .item1 .icon { margin-bottom: 5px; display: block; }
.page-inner .right4 .item2 { border-bottom: #dcdcdc 1px dashed; }
.page-inner .right4 .part2 { background-color: #fff; }

.page10 { padding: 30px; width: 100%; }

.page9 { width: 100%; padding: 0px; }
.page9 ul { padding: 0; }
.page9 li { padding: 10px 20px; border-bottom: #f1f1f1 1px solid; list-style: none; margin: 0; }
.page9 img { margin-right: 20px; }
.page9 .btn { float: right; width: 5em; text-align: center; display: inline-block; color: #666; }

.page8 { width:100%; padding: 30px; font-size: 12px; }
.page8 ul { padding: 0; }
.page8 li { list-style: none; position: relative; line-height: 30px; margin: 0; padding-left: 5em; }
.page8 li i { position: absolute; left: -10px; color: red; }
.page8 li span { width: 5em; display: inline-block; position: absolute; left: 0; }
.page8 li.li3 { margin-bottom: 20px; }
.page8 label { margin-right: 20px; }
.page8 input[type=radio] { position: relative; top: 1px; margin-right: 5px; }
.page8 .upload { width: 80px; height: 80px; position: relative; display: inline-block; }
.page8 .upload img { width: 100%; height: 100%; display: block; }
.page8 .upload em { width: 100%; height: 24px; line-height: 24px; background-color: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; left: 0; color: #999; font-style: normal; text-align: center; }
.page8 .upload input[type=file] { width: 100%; height: 100%; z-index: 9; position: absolute; left: 0; top: 0; opacity: 0; }
.page8 input[type=text] { width: 80% !important; display: inline-block; margin-right: 20px; height: 35px !important; line-height: 35px; padding: 0 5px; }
.page8 .tips { color: #999; font-size: 12px; font-style: normal; }
.page8 select { display: inline-block; width: 15%; border-color: #f1f1f1; height: 35px !important; line-height: 35px; margin-right: 5px; outline: none; min-width: 70px; margin-bottom: 10px; }
.page8 button[type=submit].btn-primary, .page8 button[type=submit].btn-default { width: 90%; margin-bottom: 20px; height: 35px; border-radius: 3px; outline: none; }

.page7 { width: 100%; padding: 30px; font-size: 12px; }
.page7 ul { padding: 0; }
.page7 li { list-style: none; position: relative; line-height: 35px; margin: 0; padding-left: 5em; }
.page7 li span { width: 5em; display: inline-block; float: left; position: absolute; left: 0; }
.page7 input[type=text] { width: 90px; display: inline-block; margin-right: 20px; height: 35px !important; line-height: 35px; padding: 0 5px; }
.page7 button[type=submit].btn-primary, .page7 button[type=submit].btn-default { width: 120px; margin-bottom: 20px; height: 35px; border-radius: 0; border-radius: 35px; outline: none; }
.page7 .pay { margin-bottom: 20px; }
.page7 .pay img { width: 120px; height: 60px; display: block; float: left; margin-right: 20px; border: #f1f1f1 1px solid; cursor: pointer; margin-bottom: 10px; }
.page7 .pay img.on { border-color: #3399cc; }

.page6 { width: 100%; padding: 20px 0px; font-size: 12px; }
.page6 table { width: 100%; }
.page6 table a { color: #999999; }
.page6 table a:hover { color: #3399cc; }
.page6 table th { font-size: 14px; color: #666666; }
.page6 td, .page6 th { border: #f1f1f1 1px solid; line-height: 40px; text-align: center; color: #999999; }
.page6 input[type=text] { width: 20% !important; display: inline-block; height: 35px !important; line-height: 35px; padding: 0 5px; background-color: #fff; }
.page6 button[type=submit].btn-primary, .page6 button[type=submit].btn-default { width: 120px; height: 35px; border-radius: 0; border-radius: 35px; outline: none; display: inline-block; margin-left: 10px; position: relative; top: 10px; }
.page6 .pagination { margin: 20px 0 0 0; }

.page5 { width: 100%; padding: 20px 0px; font-size: 12px; }
.page5 table { width: 100%; }
.page5 table a { color: #999999; }
.page5 table a:hover { color: #3399cc; }
.page5 table th { font-size: 14px; color: #666666; }
.page5 td, .page5 th { border: #f1f1f1 1px solid; text-align: center; color: #999999; padding: 10px 0; }
.page5 input[type=text] { width: 20% !important; display: inline-block; height: 35px !important; line-height: 35px; padding: 0 5px; background-color: #fff; }
.page5 button[type=submit].btn-primary, .page5 button[type=submit].btn-default { width: 80px; height: 35px; border-radius: 0; border-radius: 35px; outline: none; display: inline-block; margin-left: 10px; position: relative; top: 10px; }
.page5 .pagination { margin: 20px 0 0 0; }
.page5 .btn-xs { color: #3399cc; background-color: #fff; border-color: #3399cc; border-radius: 20px; }
.page5 .btn-xs:hover { background-color: #3399cc; color: #fff; }
.page5 .nav-tabs { width: 100%; border: none; }
.page5 .nav-tabs li { width: 33.33%; border-radius: 0; padding: 0; margin: 0; position: relative; }
.page5 .nav-tabs a { border-radius: 0; text-align: center; font-weight: bold; color: #333; border: #f1f1f1 1px solid; padding: 0; margin: 0; line-height: 40px; }
.page5 .nav-tabs .active i { display: block; }
.page5 .nav-tabs .active a { background-color: #3399cc !important; color: #fff !important; border-color: #3399cc !important; }
.page5 .nav-tabs i { width: 15px; height: 5px; background: url("../Images/arrow.png") left top no-repeat; position: absolute; left: 50%; margin-left: -7px; bottom: -5px; display: none; }

.page4 { width: 100%; padding: 20px 0px; font-size: 12px; }
.page4 table { width: 100%; }
.page4 table a { color: #999999; }
.page4 table a:hover { color: #3399cc; }
.page4 table th { font-size: 14px; color: #666666; }
.page4 td, .page4 th { border: #f1f1f1 1px solid; text-align: center; color: #999999; padding: 10px 0; }
.page4 .pagination { margin: 20px 0 0 0; }
.page4 .btn-xs { color: #3399cc; background-color: #fff; border-color: #3399cc; border-radius: 20px; }
.page4 .btn-xs:hover { background-color: #3399cc; color: #fff; }

  .page-inner .right { min-height: 508px; }
  .page-inner .right4 .part1 > div { float: left; width: 25%; }
  .page-inner .right4 .part1 .item1 { width: 45%; }
  .page-inner .right4 .part1 .item2 { width: 30%; }
  .page-inner .right4 .item1 { border-radius: 130px 0 0 130px; background: url("../Images/bg4.jpg") right top no-repeat; background-size: 21px 100%; border: none; }
  .page-inner .right4 .item2 { border: none; }
  .navbar-form { width: 20%; min-width: 270px; }
  .collapse { padding-right: 0; }
  .page10 { width: 430px; }
  .page9 { padding: 30px; }
  .page9 ul { border-top: #f1f1f1 1px solid; }
  .page9 li { padding: 20px; }
  .page4, .page5, .page6 { padding: 20px 30px; } }
  .page-inner .right { min-height: 535px; } }
  .page-inner .right { min-height: 560px; }
  .page-inner .right4 .part1 > div { float: left; width: 33.33% !important; } }
.page11 { padding: 10px; }
.page11 .row > div { margin-bottom: 10px; padding: 0 10px; }
.page11 .search-box { padding: 10px; }
.page11 .search-box input[type=text] { width: 70%; border: #f1f1f1 1px solid; padding: 0 10px; box-sizing: border-box; height: 35px; line-height: 35px; outline: none; }
.page11 .search-box input[type=submit] { width: 25%; background-color: #f9f9f9; height: 35px; line-height: 35px; text-align: center; border-radius: 35px; border: #f1f1f1 1px solid; float: right; outline: none; color: #999999; }
.page11 img { width: 100%; }
.page11 .img { position: relative; display: block; margin-bottom: 5px; }
.page11 .img .tuijian { position: absolute; left: 5px; top: 5px; width: 46px; height: 16px; }
.page11 p { line-height: 1.5; font-size: 12px; color: #666666; margin: 0; }
.page11 h4 { color: #333333; font-weight: bold; line-height: 2; margin: 0; font-size: 14px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden }
.page11 .price { width: 100%; }
.page11 b { color: #ff4f55; margin-right: 5px; }
.page11 .tags span { background-color: #f2d4c9; color: #fff; padding: 0 5px; line-height: 20px; display: inline-block; margin: 5px 5px 5px 0; }
.page11 .operate { width: 100%; margin-top: 5px; margin-bottom:10px}
.page11 .operate a { display: block; width: 100%; height: 26px; line-height: 26px; text-align: center; border: #bbb 1px solid; border-radius: 3px; padding: 0; margin: 0; color: #bbb; font-size: 12px; }
.page11 .operate a:hover { background-color: #3399cc; border-color: #3399cc; color: #fff; }


.page11-right-list .face { width: 60px; height: 60px; position: absolute; left: 10px; top: 10px; }
.page11-right-list .face img { width: 100%; height: 100%; display: block; }
.page11-right-list .item { width: 220px; height: 80px; margin: 0 auto; border-bottom: #ececec 1px dashed; position: relative; padding: 10px 60px 10px 80px; box-sizing: border-box; }
.page11-right-list .item:hover { opacity: .9; }
.page11-right-list h4 { color: #333333; font-weight: bold; line-height: 2; margin: 0; font-size: 14px; margin-top: 5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden  }
.page11-right-list .price { width: 100%; }
.page11-right-list b { color: #ff4f55; margin-right: 5px; }
.page11-right-list p { line-height: 1.5; font-size: 12px; color: #666666; margin: 0; }
.page11-right-list .btn-delete { width: 24px; height: 24px; background: url(../Images/delete.png) center center no-repeat; background-size: 12px 14px; position: absolute; right: 10px; top: 50%; margin-top: -12px; }
.page11-right-list .operate { width: 100%; padding: 30px 10px; }
.page11-right-list .btn-create { width: 100%; height: 40px; line-height: 40px; border-radius: 40px; background-color: #FF6618; color: #fff; font-size: 14px; display: block; text-align: center; text-decoration: none; }
.page11-right-list .btn-create:hover { opacity: .8; }

.navbaar12 .container { position: relative; }
.navbaar12 .navbar-nav li, .navbaar12 .navbar-nav li a { line-height: 24px !important; }
.navbaar12 .btn-login, .navbaar12 .btn-register { display: block; line-height: 40px; }

  .navbaar12 .navbar-nav li, .navbaar12 .navbar-nav li a { line-height: 50px !important; }
  .navbaar12 .navbar-form { margin-right: 80px; }
  .navbaar12 .login-register { position: absolute; right: 0; top: 50%; margin-top: -20px; }
  .navbaar12 .btn-login, .navbaar12 .btn-register { width: 40px; height: 40px; border-radius: 40px; border: #ededed 1px solid; text-align: center; line-height: 40px; color: #bbbbbb; font-size: 12px; display: block; float: right; text-decoration: none; }
  .navbaar12 .btn-login:hover, .navbaar12 .btn-register:hover { opacity: .8; }
  .navbaar12 .btn-login { background-color: #3399cc; color: #fff; border-color: #3399cc; margin-right: 10px; } }
  .navbaar12 li, .navbaar12 li a { margin: 0 5px; } }
.page12 .title { width: 100%; font-weight: bold; color: #333333; line-height: 25px; margin: 10px 0; padding: 0 10px; }
.page12 .title .icon { margin-right: 5px; }
.page12 .part1, .page12 .part2 { margin: 0; padding-left: 0; padding-right: 0; }
.page12 .tb1 { width: 100%; background-color: #fff; padding: 0; margin: 0; }
.page12 table { width: 100%; }
.page12 th, .page12 td { font-size: 12px; text-align: center; box-sizing: border-box; }
.page12 th:first-child, .page12 td:first-child { width: 25%; }
.page12 th img, .page12 td img { width: 100%; width: 60px; height: 60px; }
.page12 th b, .page12 td b { color: #ff6618; }
.page12 th { border-bottom: #dcdcdc 1px solid; height: 48px; }
.page12 td { height: 80px; border-bottom: #dcdcdc 1px dashed; }
.page12 .pay, .page12 .details { width: 100%; background-color: #fff; padding: 0; margin: 0; }
.page12 .pay { padding: 20px; }
.page12 .pay a { width: 120px; height: 60px; margin-right: 10px; text-align: center; border: #ececec 1px solid; display: inline-block; text-align: center; line-height: 60px; color: #666666; text-decoration: none; overflow: hidden}
.page12 .pay a:first-child { margin-right: 10px; }
.page12 .pay a.on { border-color: #3399cc; }
.page12 .pay img { margin-right: 5px; }
.page12 .details { padding: 20px; }
.page12 .details ul { padding: 0; }
.page12 .details li { list-style: none; padding: 0; line-height: 32px; margin-bottom: 15px; }
.page12 .details span { width: 70px; line-height: 32px; display: block; float: left; }
.page12 .details input[type=text] { padding: 0 5px; border: #ececec 1px solid; outline: none; height: 39px; }
.page12 .details textarea { display: block; width: 200px; float: left; border: #ececec 1px solid; margin: 0; height: 60px; outline: none; }

.page12-2 { padding: 0; }
.page12-2 .row2 { width: 100%; margin: 0; padding: 0; margin-top: 20px; }
.page12-2 .row2 > div { padding: 0; margin: 0; }
.page12-2 .box1 { text-align: right; position: relative; margin-bottom: 80px; }
.page12-2 .con { width: 100%; background-color: #fff; padding: 15px; margin: 0; }
.page12-2 b { color: #ff4f55; }
.page12-2 i { font-style: normal; font-size: 1.5em; }
.page12-2 em { color: #999; font-style: normal; }
.page12-2 .btn-submit { position: absolute; right: -1px; bottom: -30px; background-color: #3399cc; color: #fff; height: 30px; line-height: 30px; padding: 0 50px; font-weight: bold; text-decoration: none; }

  .page12 .part1, .page12 .part2 { padding: 10px; }
  .page12 .tb1, .page12 .pay, .page12 .details { border: #dcdcdc 1px solid; padding: 10px; }
  .page12 .pay { height: 120px; padding: 35px; margin-bottom: 30px; }
  .page12 .pay a { width: 130px; height:60px; line-height:60px; }
  .page12 .details { height: 230px; padding: 30px; }
  .page12 .details li { margin-bottom: 20px; }
  .page12-2 .row2 { width: 100%; padding: 10px; }
  .page12-2 .btn-submit { height: 40px; line-height: 40px; bottom: -40px; font-size: 16px; } }
  .page12 .details textarea { min-width: 300px; } }
.jia-jian { width: 112px; height: 32px; overflow: hidden; border: #ececec 1px solid; position: relative; float: left }
.jia-jian .jian, .jia-jian .jia { width: 32px; height: 32px; outline: none; cursor: pointer; position: absolute; top: 0; background-color: #f8f8f8; display: block; line-height: 32px; text-align: center; border: none; margin: 0; padding: 0; }
.jia-jian .jian { left: 0; border-right: #ececec 1px solid; }
.jia-jian .jia { right: 0; border-left: #ececec 1px solid; }
.jia-jian .num { width: 50px; height: 32px; text-align: center; position: absolute; left: 32px; top: 0; border-radius: 0; border: none; outline: none; }
 .jians{ left: 0;width: 32px; height: 32px;outline: none;cursor: pointer;position: absolute;top: 0;background-color: #f8f8f8;display: block;line-height: 32px; text-align: center; border: none;margin: 0;padding: 0;}
.jias{ right: 0;width: 32px; height: 32px;outline: none;cursor: pointer; position: absolute;  top: 0; background-color: #f8f8f8; display: block;line-height: 32px; text-align: center; border: none; margin: 0; padding: 0;}

.page11a { width: 100%; padding: 20px 30px; }
.page11a .glyphicon-star { color: #fdab36; }
.page11a .glyphicon-star-empty { color: #c2c2c2; }
.page11a .tips { width: 100%; border: #dcdcdc 1px solid; padding: 10px; color: #666666; }
.page11a .tips span { display: block; }
.page11a .item { padding-bottom: 10px; border-bottom: #dcdcdc 1px dashed; margin-bottom: 10px; }
.page11a .face { width: 30%; display: block; margin: 10px 0; float: left; overflow: hidden; }
.page11a .face a { color: #666; }
.page11a .face img { width: 100%; display: block; }
.page11a .title { width: 65%; float: right; margin: 10px 0; }
.page11a .title .discuss-item { margin: .5em 0; }
.page11a .txt { width: 100%; }
.page11a .txt textarea { width: 100%; border: #dcdcdc 1px solid; height: 120px; }
.page11a .btn-primary { border-radius: 0; padding-left: 20px; padding-right: 20px; }

  .page11a .tips { margin-bottom: 10px; }
  .page11a .tips span { float: left; margin-right: 50px; }
  .page11a .item { padding-left: 140px; position: relative; box-sizing: border-box; margin-bottom: 20px; padding-bottom: 20px; }
  .page11a .face { position: absolute; left: 0; top: 0; width: 110px; }
  .page11a .face img { width: 110px; height: 110px; display: block; margin-bottom: 10px; }
  .page11a .title { width: 100%; }
  .page11a .title .discuss-item { float: left; margin-right: 30px; }
  .page11a .txt textarea { height: 100px; }
  .page11a .btn-primary { padding-left: 40px; padding-right: 40px; } }
.page12a { padding: 10px; }
.page12a .row > div { margin-bottom: 10px; padding: 0 10px; }
.page12a .search-box { padding: 10px; }
.page12a .search-box input[type=text] { width: 70%; border: #f1f1f1 1px solid; padding: 0 10px; box-sizing: border-box; height: 35px; line-height: 35px; outline: none; }
.page12a .search-box input[type=submit] { width: 25%; background-color: #f9f9f9; height: 35px; line-height: 35px; text-align: center; border-radius: 35px; border: #f1f1f1 1px solid; float: right; outline: none; color: #999999; }
.page12a img { width: 100%; }
.page12a .img { position: relative; display: block; margin-bottom: 5px;height: 124px; overflow: hidden }
.page12a p { line-height: 1.5; font-size: 12px; color: #666666; margin: 0; }
.page12a h4 { color: #333333; font-weight: bold; line-height: 2; margin: 0; font-size: 14px; }
.page12a .price { width: 100%; }
.page12a b { color: #ff4f55; margin-right: 5px; }
.page12a .tags span { background-color: #f2d4c9; color: #fff; padding: 0 5px; line-height: 20px; display: inline-block; margin: 5px 5px 5px 0; }
.page12a .operate { width: 100%; margin-top: 5px; }
.page12a .operate .btn { border-radius: 0; padding-left: 20px; padding-right: 20px; }
.page12a .operate .btn-primary { float: left; }
.page12a .operate .btn-default { float: right; }

  .page12a p { font-size: 14px; }
  .page12a h4 { font-size: 15px; }
  .page12a .operate a { width: 45%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } }

.navbar-brand{width:164px; overflow: hidden; display: block; margin-top:10px;}
.navbar-brand img{ width:100%}
  
.navbaar13 { margin-bottom: 0; border-bottom: none; border-top: none; position: relative; z-index: 999; }
.navbaar13 .container { position: relative; height: 100px }
.navbaar13 .navbar-brand{width:164px;  display: block; margin-top:15px; padding: 0}
.navbaar13 .navbar-brand img{ width:100%}
.navbaar13 .navbar-nav li.active, .navbaar13 .navbar-nav li.active a { /*background-color: #FF6618; */color: #fff; padding-top:5px; padding-bottom: 5px;border-radius:3px }
.navbaar13 .navbar-nav li.active a:hover{color:#fff}
.navbaar13 .btn-login, .navbaar13 .btn-register { display: block; line-height: 40px; }
.navbaar13 .login-register .line { display: none; }

  .navbaar13 .navbar-nav li, .navbaar13 .navbar-nav li a { line-height:20px !important; padding-top:5px; padding-bottom: 5px;border-radius:3px;font-weight:bold;font-size: 16px;color: #888}
  .navbaar13 .navbar-form { margin-right:110px; }
  .navbaar13 .login-register { position: absolute; right: 0; top: 50%; margin-top: -30px; line-height: 40px; color: #bbb; }
  .navbaar13 .login-register .line { display: inline-block; }
  .navbaar13 .btn-login, .navbaar13 .btn-register { line-height: 40px; color: #666666; font-size: 12px; text-decoration: none; display: inline-block; margin: 0 5px; }
  .navbaar13 .btn-login:hover, .navbaar13 .btn-register:hover { opacity: .8; }
  .navbaar13 .btn-login { border-color: #3399cc; margin-right: 10px; background: url(../Images/icon-user.png) left center no-repeat; padding-left: 20px; } 

.page-service{background-color: #fff;overflow: hidden;box-sizing: border-box;position: relative;z-index: 999;width: 100%;margin:10px 0}
.page-service .row{margin: auto;width: 1200px;padding:10px 0}
.page-service .row img{width: 100%}

.footer13 { background-color: #fff; overflow: hidden; box-sizing: border-box; position: relative; z-index: 999; }

.footer13-1 { padding: 10px 0; box-sizing: border-box; }
.footer13-1 .row > div { box-sizing: border-box; }
.footer13-1 h3 { font-size: 16px; color: #333; margin-top:0;font-weight:bold}
.footer13-1 .con { padding: 0; }
.footer13-1 a { font-size: 12px; color: #aaa; line-height: 28px; padding: 0; display: inline-block; margin: 0 20px 0 0;word-break:keep-all;white-space:nowrap; overflow:hidden;text-overflow:ellipsis; }
.footer13-1 a:hover { color: #aaa; text-decoration: none; font-size: 12px}
.footer13-1 li { width: 25%; float: left; list-style: none; text-align: center; padding: 30px 0; }
.footer13-1 li img { display: block; margin: 0 auto 10px auto; }

.footer13-2 { padding: 0 10px; box-sizing: border-box; }
.footer13-2 .row > div { box-sizing: border-box; }
.footer13-2 > div { padding: 0; }
.footer13-2 p { font-size: 12px; line-height: 20px; color: #99a2aa; }

.page13 { overflow: hidden; padding: 40px 0; margin: 0; background: url(../Images/bg13.jpg) center top no-repeat; background-size: 1200px 100%; }
.page13 .right { text-align: center; color: #fff; }
.page13 .right .btn1, .page13 .right .btn2 { margin: 10px auto; display: block; }

.container-bg { background-color: #f9f9f9; box-shadow: 0 0 20px 0 #e5e5e5; }
.page21-1 .title { width: 100%; font-weight: bold; color: #333333; line-height: 25px; margin: 10px 0; padding: 0 10px; }
.page21-1 .title .icon { margin-right: 5px; }
.page21-1 .part1, .page21-1 .part2 { margin: 0; padding-left: 0; padding-right: 0; }
.page21-1 .tb1 { width: 100%; background-color: #fff; padding: 0; margin: 0; }
.page21-1 table { width: 100%; }
.page21-1 th, .page21-1 td { font-size: 12px; text-align: center; box-sizing: border-box; }
.page21-1 th:first-child, .page21-1 td:first-child { width: 25%; }
.page21-1 th img, .page21-1 td img { width: 100%; width: 60px; height: 60px; }
.page21-1 th b, .page21-1 td b { color: #ff4f55; }
.page21-1 th { border-bottom: #dcdcdc 1px solid; height: 48px; }
.page21-1 td { height: 80px; }
.page21-1 tr { border-top: #dcdcdc 1px dashed; }
.page21-1 tr:first-child { border: none; }
.page21-1 .pay, .page21-1 .details { width: 100%; background-color: #fff; padding: 0; margin: 0; }
.page21-1 .pay { padding: 20px; }
.page21-1 .pay a { width: 120px; height: 30px; text-align: center; border: #ececec 1px solid; display: inline-block; text-align: center; line-height: 30px; color: #666666; text-decoration: none; }
.page21-1 .pay a:first-child { margin-right: 10px; }
.page21-1 .pay a.on { border-color: #3399cc; }
.page21-1 .pay img { margin-right: 5px; }
.page21-1 .details { padding: 20px; }
.page21-1 .details ul { padding: 0; }
.page21-1 .details li { list-style: none; padding: 0; line-height: 32px; margin-bottom: 15px; }
.page21-1 .details span { width: 70px; line-height: 32px; display: block; float: left; }
.page21-1 .details input[type=text] { padding: 0 5px; border: #ececec 1px solid; outline: none; }
.page21-1 .details textarea { display: block; width: 200px; float: left; border: #ececec 1px solid; margin: 0; height: 120px; outline: none; }

.page21-2 { padding: 0; }
.page21-2 .row2 { width: 100%; margin: 0; padding: 0; margin-top: 20px; }
.page21-2 .row2 > div { padding: 0; margin: 0; }
.page21-2 .box1 { text-align: right; position: relative; margin-bottom: 80px; }
.page21-2 .con { width: 100%; background-color: #fff; padding: 15px; margin: 0; border: #3399cc 1px solid; }
.page21-2 b { color: #ff4f55; }
.page21-2 i { font-style: normal; font-size: 1.5em; }
.page21-2 em { color: #999; font-style: normal; }
.page21-2 .btn-submit { position: absolute; right: -1px; bottom: -30px; background-color: #3399cc; color: #fff; height: 30px; line-height: 30px; padding: 0 50px; font-weight: bold; text-decoration: none; }

.page20 { padding: 10px 0; overflow: hidden; }
.page20 h1 { font-size: 16px; font-weight: bold; margin-bottom: 20px; }
.page20 article { width: 100%; border-bottom: #dcdcdc 1px solid; background-color: #fff; padding: 20px; border-top: #dcdcdc 1px solid; }
.page20 article p { text-align: justify; width: 100%; margin-bottom: 20px; }
.page20 .list15 { width: 100%; width: 100%; border-bottom: #dcdcdc 1px solid; background-color: #fff; padding: 20px; border-top: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid; }
.page20 .list15 h3 { width: 100%; line-height: 40px; background-color: #e6e6e6; color: #666666; font-size: 12px; padding: 0 10px; border-radius: 5px; margin: 0; }
.page20 .list15 h3 .caret { margin-top: 16px; }
.page20 .list15 .item { margin-bottom: 10px; margin-bottom: 10px; }
.page20 .list15 .item.on h3 { background-color: #3399cc; color: #fff; border-radius: 5px 5px 0 0; }
.page20 .list15 .item.on .caret { color: #fff; }
.page20 .list15 .item.on .con { display: block; border: #dcdcdc 1px solid; }
.page20 .list15 .con { display: none; padding: 10px; color: #666; }
.page20 .list15 .con p { margin-bottom: 10px; }

.side-menu-20 { height: 100%; border-top: #dcdcdc 1px solid; }
.side-menu-20 h3 { border-bottom: #dcdcdc 1px dashed; line-height: 40px; padding: 0 20px; background: url(../Images/help.png) 20px center no-repeat; padding-left: 40px; font-size: 14px; color: #666666; margin-top: 0; }
.side-menu-20 ul { padding: 0; }
.side-menu-20 li { line-height: 30px; list-style: none; padding: 0 20px; background: url(../Images/arrow-right2.png) 25px center no-repeat; padding-left: 32px; }
.side-menu-20 li a { color: #666666; }
.side-menu-20 li.active { background-color: #3399cc; background-image: url(../Images/arrow-right2-on.png); }
.side-menu-20 li.active a { color: #fff; }

.page14 { font-size: 12px; color: #666666; }
.page14 h1 { font-size: 16px; font-weight: bold; margin-bottom: 20px; color: #000; }
.page14 h3 { width: 100%; line-height: 40px; font-size: 14px; border-radius: 5px; margin: 0; font-weight: bold; color: #000; }
.page14 .row1 { padding: 0 20px; }
.page14 .row2, .page14 .row3, .page14 .row4, .page14 .row5 { border-top: #dcdcdc 1px solid; background-color: #fff; padding: 0 20px; }
.page14 .row2 .con, .page14 .row3 .con, .page14 .row4 .con, .page14 .row5 .con { padding-bottom: 10px; }
.page14 .row5 { border-bottom: #dcdcdc 1px solid; }
.page14 .row7{ padding: 0 20px;}
.page14 label { margin-right: 20px; display: inline-block; font-size: 12px; font-weight: normal; }
.page14 input[type=checkbox] { position: relative; top: 3px; margin-right: 5px; }
.page14 textarea { width: 100%; border: #dcdcdc 1px solid; height: 120px; padding: 5px; outline: none; margin-bottom: 10px; }
.page14 .row6 { padding: 10px 20px 20px 20px; }
.page14 .btn-primary { padding-left: 40px; padding-right: 40px; border-radius: 0; }
.page14 .row4 { padding: 5px; }
.page14 .row4 .con { position: relative; }
.page14 .row4 .con img { width: 100%; }
.page14 .row4 .btn1 { width: 90px; height: 30px; position: absolute; right: 5px; top: 5px; }
.page14 h4 { font-size: 12px; color: #000; font-weight: bold; }

.page17 { padding: 0; overflow: hidden; }
.page17 h1 { font-size: 24px; font-weight: bold; color: #000; padding: 0 20px; margin: 0; line-height: 60px; }
.page17 h1 b { color: #FF6618; }
.page17 .filter171 { width: 100%; background-color: #fff; border-top: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid; }
.page17 .filter171 .item { padding: 0 0 0 5em; position: relative; font-size: 12px; border-top: #dcdcdc 1px dashed; height: 40px; overflow: hidden; line-height: 30px; }
.page17 .filter171 .item:first-child { border: none; }
.page17 .filter171 .item.on { height: auto}
.page17 .filter171 span { position: absolute; width: 5em; left: 0; height: 100%; background-color: #f5f5f5; color: #000; text-align: center; padding: 5px 0; }
.page17 .filter171 .con { width: 100%; background-color: #fff; padding: 5px; padding-right: 60px; padding-right: 40px; }
.page17 .filter171 .con a { display: block;padding: 0 10px; height: 28px; line-height: 28px; text-align: center; border-radius: 5px; float: left; background-color: #f5f5f5; margin-right: 5px; margin-bottom: 5px; color: #666; }
.page17 .filter171 .con a.on{ background-color: #FF6618; color: #fff}
.page17 .filter171 .btn-more { position: absolute; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px; color: #bbbbbb; z-index: 9; }
.page17 .filter172 { margin-top: 30px; margin-bottom: 20px; }
.page17 .filter172 a { height: 30px; padding: 0 10px; border: #dcdcdc 1px solid; margin-right: -1px; line-height: 30px; display: block; float: left; font-size: 12px; color: #666; }
.page17 .filter172 a.on { color: #3399cc; }
.page17 .filter172 a.on .glyphicon { color: #3399cc; }
.page17 .filter172 a .glyphicon { color: #999; font-size: 10px; }
.page17 .filter172 .arrow2 { background: url(../Images/arrow-down3.png) center center no-repeat; background-size: 8px 10px; width: 8px; height: 10px; display: inline-block; }
.page17 .filter172 .arrow3 { background: url(../Images/arrow-top3.png) center center no-repeat; background-size: 8px 10px; width: 8px; height: 10px; display: inline-block; }
.page17 .list17 { padding: 0 10px; }
.page17 .list17 img { width: 100%; }
.page17 .list17 > div { padding: 5px; }
.page17 .list17 .item { margin-bottom: 10px; }
.page17 .list17 .box { background-color: #fff; padding-bottom:20px}
.page17 .list17 .img { position: relative; display: block; height:230px;overflow: hidden }
.page17 .list17 .status { position: absolute; left: 5px; top: 5px; width: 50px; height: 16px; }
.page17 .list17 .star { width: 100%; text-align: center; line-height: 30px; overflow: hidden; }
.page17 .list17 .star .glyphicon { color: #fdab36; font-size: 10px; }
.page17 .list17 h4 { width: 100%; text-align: center; margin: 0; line-height: 30px; padding: 0; text-overflow: ellipsis;white-space: nowrap;overflow: hidden }
.page17 .list17 p { width: 100%; text-align: center; font-size: 12px; line-height:25px; margin: 0; }
.page17 .list17 p  b{color:#ff4747}
.page17 .pagination li a { border-radius: 100%; margin: 0 2px; }
.page17 .side-list171 { background-color: #fff; padding: 0 20px; }
.page17 .side-list171 img { width: 100%; }
.page17 .side-list171 .img { position: relative; display: block;height: 150px;overflow: hidden }
.page17 .side-list171 .status { position: absolute; left: 5px; top: 5px; width: 50px; height: 16px; }
.page17 .side-list171 > div { padding: 5px; }
.page17 .side-list171 h4 { width: 100%; margin: 0; line-height: 30px; padding: 0; }
.page17 .side-list171 p { width: 100%; font-size: 12px; line-height:25px; margin: 0; }
.page17 .side-list171 .price { width: 100%; padding: 0; margin: 0; }
.page17 .side-list171 .price span { float: right; }
.page17 .side-list171 .price b { color: red; }
.page17 .side-list171 .title { background: url(../Images/icon171-2.png) 5px center no-repeat; background-size: 25px 25px; line-height: 40px; margin: 0; padding-left: 40px; }

.page18 { padding-left: 10px; padding-right: 10px; overflow-x: hidden; }

.page18-1 { background-color: #fff; padding-top: 10px; padding-bottom: 10px; overflow: hidden; }
.page18-1 .part1 { position: relative; }
.page18-1 .part1 img { width: 100%; }
.page18-1 .part1 .status { width: 50px; height: 16px; position: absolute; right: 25px; top: 10px; }
.page18-1 .part2 { padding-top: 20px; }
.page18-1 .part2 p { line-height: 1.8; color: #666666; }
.page18-1 .part2 b { color: #fa3d3d; font-size: 20px; }
.page18-1 .title { font-size: 20px; color: #000; line-height: 30px; margin: 10px 0; }
.page18-1 .sex { margin: 0 10px; }
.page18-1 .sound { height: 30px; line-height: 30px; background: #3399cc url(../Images/wave.png) 85% center no-repeat; padding-left: 20px; padding-right: 40px; display: inline-block; color: #fff; border-radius: 30px; font-size: 14px; }
.page18-1 .btn-add, .page18-1 .btn-focus,.page18-1 .btn-qt { display: inline-block; width: 140px; height: 35px; line-height: 35px; border-radius: 35px; background: #f1f1f1 url(../Images/add.png) 15px center no-repeat; padding-left: 35px; font-size: 14px; color: #42bd59; text-decoration: none; }
.page18-1 .btn-add:hover, .page18-1 .btn-focus:hover { opacity: .8; }
.page18-1 .btn-add { margin-right: 10px; }
.page18-1 .btn-focus { background-image: url(../Images/hart.png); color: #fa3d3d; }
.page18-1 .btn-qt { background-image: url(../Images/qt.png); color: #000; color: #000; background-size: 18px 20px; width: 100px; margin-top: 10px;font-size:12px}
.page18-1 .part3 img { margin-right: 5px; }
.page18-1 .part3 h3 { font-size: 14px; font-weight: bold; color: #000; padding: 10px 0; }
.page18-1 .part3 ul { padding: 0; }
.page18-1 .part3 li { list-style: none; line-height: 2; color: #999; }
.page18-1 .part3 .glyphicon { color: #fdab36; }
.page18-1 .part3 span { width: 30%; display: inline-block; font-size: 12px; }
.page18-1 .part3 em { float: right; font-style: normal; }

.page18-2 { margin-top: 20px; }

.page18-2-left { padding: 5px; }
.page18-2-left .nav-tabs i { width: 14px; height: 14px; display: inline-block; background: url(../Images/tab18-1.png) center center no-repeat; background-size: 100% 100%; position: relative; top: 3px; }
.page18-2-left .nav-tabs i.icon2 { background-image: url(../Images/tab18-2.png); }
.page18-2-left .nav-tabs i.icon3 { background-image: url(../Images/tab18-3.png); }
.page18-2-left .nav-tabs li { padding: 0 5px; }
.page18-2-left .nav-tabs a { border: none !important; background-color: #e6e6e6 !important; color: #999999 !important; }
.page18-2-left .nav-tabs .active a { background-color: #FF6618 !important; color: #fff !important; }
.page18-2-left .nav-tabs .active .icon1 { background-image: url(../Images/tab18-1-on.png); }
.page18-2-left .nav-tabs .active .icon2 { background-image: url(../Images/tab18-2-on.png); }
.page18-2-left .nav-tabs .active .icon3 { background-image: url(../Images/tab18-3-on.png); }
.page18-2-left .tab-content { background-color: #fff; border: #dcdcdc 1px solid; border-top: none; }

.page18-2-right { border: #dcdcdc 1px solid; background-color: #fff; padding: 5px; }
.page18-2-right .title { line-height: 42px; padding: 0 10px; font-weight: bold; }
.page18-2-right .title .icon { position: relative; margin-right: 5px; }
.page18-2-right .item { border-top: #dcdcdc 1px dashed; position: relative; padding: 10px 10px 10px 110px; }
.page18-2-right .item .img { width: 90px; height: 90px; overflow: hidden; position: absolute; left: 10px; top: 10px; }
.page18-2-right .item img { display: block; width: 100%; }
.page18-2-right .item .right { float: left; width: 100%; }
.page18-2-right .item h3 { padding: 0; font-size: 14px; font-weight: bold; color: #000; margin-top: 15px; }
.page18-2-right .item p { font-size: 12px; color: #666; width: 100%; }
.page18-2-right .item span { float: right; color: #000; }
.page18-2-right .item b { color: #fa3d3d; font-size: 15px; }
.icon_cart{ width: 52px; height: 52px;background-image: url(../Images/cart_icon.png); position: relative}
.icon_cart .num{ position:absolute;top:2px; right: 8px; color: #3399cc}

.page18-details { padding: 10px; width: 100%; overflow: hidden; }
.page18-details p { width: 100%; }
.page18-details .img-box { padding: 10px; }
.page18-details .img-box > div { padding: 5px; }
.page18-details .img-box img { width: 100%; }
.page18-details .video-box { padding: 10px 0; }
.page18-details .video-box img { width: 100%; }
.page18-details .video-box video { width: 100%; }

.page18-discuss { padding: 0; overflow: hidden; }
.page18-discuss .title0 { width: 100%; line-height: 40px; padding: 0 10px; font-weight: bold; color: #000; }
.page18-discuss .item { border-top: #dcdcdc 1px solid; padding-top: 10px; padding: 20px; box-sizing: border-box; }
.page18-discuss .item .face { width: 100%; display: block; padding: 0 10px; }
.page18-discuss .item .face img { width: 100%; border-radius: 100%; margin: 0 auto; }
.page18-discuss .item > div { padding: 0; }
.page18-discuss .title { width: 100%; }
.page18-discuss .title a { font-weight: bold; }
.page18-discuss .title time { color: #999; margin-left: 10px; }
.page18-discuss .title span { float: right; color: #ffb900; }
.page18-discuss .txt { padding: 10px 0; font-size: 12px; color: #888; }
.page18-discuss .btm { width: 100%; text-align: right; line-height: 20px; }
.page18-discuss .btm .btn-zan { background: url(../Images/hand3.png) 0 center no-repeat; background-size: 14px 14px; padding-left: 20px; }

.page18-course { width: 100%; padding: 10px; box-sizing: border-box; position: relative; }
.page18-course .course-bg { width: 100%; }
.page18-course .box { position: absolute; top: 0; left: 0; padding: 10px; box-sizing: border-box; color: #fff; text-align: center; font-size: 12px; width: 100%; padding-top: 20px; }
.page18-course .title { font-size: 14px; margin-bottom: 20px; }
.page18-course .title span { padding-bottom: 10px; border-bottom: #fff 1px solid; font-weight: bold; }
.page18-course .tips b { font-size: 14px; }
.page18-course .txt p { margin: 0; line-height: 20px; }

.page16 { padding: 0; background: url(../Images/bg16.jpg) center top no-repeat; background-size: 1920px 1158px; }

.page16-main { padding: 20px 40px 20px 10px; position: relative; }
.page16-main .title { width: 100%; font-size: 16px; font-weight: bold; color: #333333; padding: 10px; }
.page16-main .title img { margin-right: 10px; }
.page16-main .box { background-color: #fff; position: relative; border: #dcdcdc 1px solid; }
.page16-main .hd { position: absolute; width: 30px; right: -30px; top: -1px; }
.page16-main .hd a { display: block; background-color: #e6e6e6; border-radius: 0 3px 3px 0; margin-bottom: 10px; color: #999999; text-align: center; height: 60px; line-height: 60px; text-decoration:none}
.page16-main .hd a.active { background-color: #FF6618; color: #fff; }
.page16-main .hd a.two { line-height: 20px; padding-top: 10px; }
.page16-main .top { padding: 0 10px; }
.page16-main .top > div { position: relative; }
.page16-main .top .guan1 { position: absolute; right: 3px; top: 8px; }
.page16-main .top .guan2, .page16-main .top .guan3 { position: absolute; right: 11px; top: 24px; }
.page16-main .top1 { padding: 10px 5px 0 5px; }
.page16-main .top2, .page16-main .top3 { padding: 30px 15px 0 15px; }
.page16-main .face { width: 100%; border-radius: 100%; overflow: hidden; }
.page16-main .name { color: #666; text-align: center; padding-top: 10px; }
.page16-main .name img { position: relative; top: -2px; margin-right: 5px; }
.page16-main .footstep { padding: 0 10px; margin-bottom: 10px; }
.page16-main .footstep img { width: 100%; }
.page16-main .other { padding: 0 20px 0 30px; }
.page16-main .other ul { padding: 0; }
.page16-main .other li { list-style: none; line-height: 30px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.page16-main .other img { margin-right: 5px; }
.page16-main .other .num { width: 1.5em; display: inline-block; color: #1c83b6; font-style: normal; }

  .page16-main .top1{left:33.3%}
  .page16-main .top2{left:0}
  .page16-main .top3{left:66.6%}  



.carousel-indicators li { background-color: rgba(255, 255, 255, 0.5); border: rgba(255, 255, 255, 0.5) 1px solid; }
.carousel-indicators li.active { background-color: #fff; }

.page19-title { padding:5px 0; position: relative; border-bottom: 1px solid #eee }
.page19-title img { margin-right: 10px; }
.page19-title h3 { margin: 0;font-size: 20px;color: #FF6618;font-weight:bold;padding-left:15px;line-height: 35px;}
.page19-title h3 span{
	float: right;
	background: url(../images/a.png)no-repeat;
	width: 81px;
height: 25px;
margin: 10px 25px;
}
.page19-title h3 span a{
	color: #fff;
}
.page19-title .more { width: 60px; height: 20px; border-radius: 20px; float: right; color: #888; border: #888 1px solid; text-align: center; line-height: 20px; }
.page19-title .month { right: -10px; bottom: 20px; position: absolute; width: 52px; height: 20px; }

.page-19-20 { background: #fff;padding:20px}
.page-19-20 img{width: 100%}

.page19-1 .page19-1-2 .item1 { width:25%; display: block; overflow: hidden; float: left; font-size: 12px; line-height: 20px; background-color: #fff; padding: 5px 15px 15px 5px }
  .page19-1 .page19-1-2 a:hover, a:focus{text-decoration: none}
  .page19-1 .page19-1-2 .img{position: relative;display: block;height: 140px;overflow: hidden;}
  .page19-1 .page19-1-2 .item1 .nickname{font-size: 14px;color: #333;margin-top:10px;word-break:keep-all;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
  .page19-1 .page19-1-2 .item1 .category{font-size: 12px;color: #0F8ED8;margin-top:5px;  word-break:keep-all;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
  .page19-1 .page19-1-2 .item1 .category span{color:#333}
  .page19-1 .page19-1-2 img { width: 100%; }
  .page19-1 .page19-1-2 .star{color:#888}
  .page19-1 .page19-1-2 .star .glyphicon{ color: #fdab36; font-size: 10px;}
  .page19-1 .page19-1-2 .price{font-size:16px; color:#333; margin-top:5px;color:#e82a2d;}
  .page19-1 .page19-1-2 .price span{font-size:24px;color:#e82a2d}
.nickname{
	position: relative;
}
.shengyin{
	background: #a5d147;
color: #fff;
padding: 0px 2px 0px 2px;
padding: 2px;
border-radius: 3px;
font-size: 12px;
position: absolute;
left: 44%;
}
.xingge{
	background: #e762ba;
color: #fff;
padding: 0px 2px 0px 2px;
border-radius: 3px;
font-size: 12px;
	position: absolute;
left: 72%;
}
.nan_shengyin{
	background: #714ec7;
color: #fff;
padding: 0px 2px 0px 2px;
	border-radius: 3px;
font-size: 12px;
position: absolute;
left: 72%;
}
  .page19-8{ background: #fff;margin-top:10px}
  .page19-8 .row{margin:10px 0}
  .page19-8 .page19-8-3 .item1 { width:20%; display: block; overflow: hidden; float: left; font-size: 12px; line-height: 20px; background-color: #fff; padding: 5px 15px 15px 5px }
  .page19-8 .page19-8-3 a:hover, a:focus{text-decoration: none}
  .page19-8 .page19-8-3 .img{position: relative;display: block;height: 140px;overflow: hidden;}
  .page19-8 .page19-8-3 .item1 .nickname{font-size: 14px;color: #333;margin-top:10px;word-break:keep-all;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
  .page19-8 .page19-8-3 .item1 .category{font-size: 12px;color: #0F8ED8;margin-top:5px}
  .page19-8 .page19-8-3 .item1 .category span{color:#333}
  .page19-8 .page19-8-3 img { width: 100%; }
  .page19-8 .page19-8-3 .star{color:#888;word-break:keep-all;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
  .page19-8 .page19-8-3 .star .glyphicon{ color: #fdab36; font-size: 10px;}
  .page19-8 .page19-8-3 .price{font-size:12px;color:#333;margin-top:5px}
  .page19-8 .page19-8-3 .price strong{font-size:14px;color:#FF6618}

@media (min-width: 768px) { 
  .page19-1 { padding: 20px 0; }
  .page19-1 .row{margin:10px 0}
  .page19-1 .row .col-sm-9{background-color: #fff}
  .page19-1 .row .col-sm-3{background-color: #fff; border-left: 10px solid #eee}
  .page19-1 .left-box > div { padding: 10px; }
  .page19-1 .left-box img { width: 100%; }
  .page19-1 .right-box { padding-top: 10px; }
  .page19-1 .right-box .item2 { width:100%; line-height: 50px; overflow: hidden; position: relative; }
  .page19-1 .right-box img.headpic { display: inline-block; width: 25px;border-radius:100% }
  .page19-1 .right-box .face { }
  .page19-1 .right-box .face img { width:22px}
    .page19-1 .right-box .vip_level{width:30px}
  .page19-1 .right-box span { }
  .page19-1 .right-box .guan, .page19-1 .right-box .top { position: absolute; left: 50%; }
  .page19-1 .right-box .guan { width: 20px; height: 19px; top: 5%; margin-left: 3px; }
  .page19-1 .right-box .top { width: 40px; height: 13px; top: 50%; margin-left: -20px; } 
}

@media (min-width: 1200px) {
  .page19-1 { padding: 0}
  .page19-1 .page19-1-1 img { margin-bottom: 6px; }
  .page19-1 .right-box .item2 { line-height:44px }
  .page19-1 .right-box .face { width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; }
  .page19-1 .right-box .guan { width: 29px; height: 28px; top: 0%; margin-left: 8px; }
  .page19-1 .right-box .top { width: 57px; height: 19px; top: 50%; margin-left: -29px; }
}

.page19-2 { padding: 0; background-color: #fff; padding: 20px 0; }
  
    .list19-2 { padding: 0 10px; }
    .list19-2 img { width: 100%; }
    .list19-2 > div { padding: 5px; }
    .list19-2 .item { margin-bottom: 10px; }
    .list19-2 .box { background-color: #fff; }
    .list19-2 .box:hover { box-shadow: 0 10px 10px 0 #eee; }
    .list19-2 .box:hover .operate span, .list19-2 .box:hover .operate a { background-color: #ff4747; color: #fff; }
    .list19-2 .box:hover .operate span b, .list19-2 .box:hover .operate a b { color: #fff; }
    .list19-2 .img { position: relative; display: block; height: 160px; overflow: hidden }
    .list19-2 .status { position: absolute; left: 5px; top: 5px; width: 50px; height: 16px; }
    .list19-2 .status.status3 { width: 60px; }
    .list19-2 .star { width: 100%; text-align: center; line-height: 30px; overflow: hidden; }
    .list19-2 .star .glyphicon { color: #fdab36; font-size: 10px; }
    .list19-2 h4 { width: 100%; text-align: center; margin: 0; line-height: 30px; padding: 0; }
    .list19-2 p { width: 100%; text-align: center; font-size: 12px; line-height: 18px; margin: 0; color: #999; }
    .list19-2 .operate { padding: 10px 0 20px 0; }
    .list19-2 .operate span, .list19-2 .operate a { width: 90px; height: 28px; border-radius: 28px; line-height: 28px; text-align: center; background-color: #f5f5f5; color: #999; display: block; margin: 0 auto; font-size: 12px; }
    .list19-2 .operate span b, .list19-2 .operate a b { color: #ff4747; }
    .list19-2 .operate a { text-decoration: none; }

@media (min-width: 768px) { .page19-2 { padding: 40px 0 20px 0; }
  .list19-2 .box { padding: 0 5px; }
  .list19-2 p.p1 { width: 50%; text-align: left; float: left; padding-left: 20px; }
  .list19-2 p.p2 { width: 50%; text-align: right; float: right; padding-right: 20px; }
  .list19-2 .operate { padding-bottom: 30px; margin-top: 40px; }
  .list19-2 .operate span, .list19-2 .operate a { width: 120px; height: 30px; line-height: 30px; border-radius: 30px; } }
@media (min-width: 992px) { .page19-2 { padding: 50px 0 30px 0; } }
.page19-3 { background-color: #f3f3f3; padding: 10px 0; }
.page19-3.bgf { background-color: #fff; }

.list19-3 { padding: 0 10px; }
.list19-3 img { width: 100%; }
.list19-3 > div { padding: 5px; }
.list19-3 .item { margin-bottom: 10px; }
.list19-3 .box { background-color: #fff; }
.list19-3 .box:hover { box-shadow: 0 10px 10px 0 #eee; }
.list19-3 .box:hover .operate span, .list19-3 .box:hover .operate a { background-color: #ff4747; color: #fff; }
.list19-3 .box:hover .operate span b, .list19-3 .box:hover .operate a b { color: #fff; }
.list19-3 .img { position: relative; display: block; height:109px; overflow: hidden}
.list19-3 .status { position: absolute; left: 5px; top: 5px; width: 50px; height: 16px; }
.list19-3 .status.status3 { width: 60px; }
.list19-3 .star { width: 100%; text-align: center; line-height: 30px; overflow: hidden; }
.list19-3 .star .glyphicon { color: #fdab36; font-size: 10px; }
.list19-3 h4 { width: 100%; text-align: center; margin: 0; line-height: 30px; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.list19-3 p { width: 100%; text-align: center; font-size: 12px; line-height: 18px; margin: 0; color: #999; }
.list19-3 .operate { padding: 10px 0 20px 0; }
.list19-3 .operate span, .list19-3 .operate a { width: 90px; height: 28px; border-radius: 28px; line-height: 28px; text-align: center; background-color: #f5f5f5; color: #999; display: block; margin: 0 auto; font-size: 12px; }
.list19-3 .operate span b, .list19-3 .operate a b { color: #ff4747; }
.list19-3 .operate a { text-decoration: none; }
.list19-3 .first { position: relative; overflow: hidden; }
.list19-3 .first .img{ height: 249px; overflow: hidden}
.list19-3 .first .img1 { margin: 0 !important;}
.list19-3 .first .img1 img { width: 100%; height: 100%; }
.list19-3 .first .box { overflow: hidden; }
.list19-3 .first img { display: block; }
.list19-3 .first .star { position: absolute; right: 20px; bottom: 20px; margin: 0; text-align: right; padding: 0; }
.list19-3 .first .p2 { position: absolute; left: 20px; bottom: 20px; color: #fff; text-align: left; }
.list19-3 .first .p1 { position: absolute; left: 20px; bottom: 40px; color: #fff; text-align: left; }
.list19-3 .first .price { position: absolute; right: 20px; bottom: 40px; color: #fff; text-align: right; }
.list19-3 .first h4 { position: absolute; bottom: 60px; left: 20px; color: #fff; text-align: left; }
.list19-3 .first .img-bg { position: absolute; left: 0; top: 0; }

.page19-3-right { padding-left: 20px; }
.page19-3-right .box2 img { width: 100%; display: block; }
.page19-3-right .box2 a { display: block; margin-top: 20px; }
.page19-3-right .box2 a:first-child { margin-top: 0; }



.footer-phone { background-color: #fff; position: fixed; bottom: 0; height: 60px; border-top: #eee 1px solid; left: 0; width: 100%; text-align: center; }
.footer-phone > div { padding-top: 5px; }
.footer-phone img { display: block; margin: 0 auto; width: 32px; height: 32px; }
.footer-phone a { color: #999; }

.h60 { width: 100%; height: 60px; }

.page22 { width: 100%; padding: 20px 0; }
.page22 .part1 { width: 100%; border-top: #eee 1px solid; border-bottom: #eee 1px solid; margin-bottom:10px; background-color: #fff; position: relative; padding: 15px 15px 15px 120px; min-height: 110px; }
.page22 .part1 .face { width: 80px; height: 80px; position: absolute; left: 15px; top: 15px; border-radius: 5px; overflow: hidden; }
.page22 .part1 .face img { width: 100%; height: 100%; }
.page22 .part1 h3, .page22 .part1 p { margin: 0; padding: 0; }
.page22 .part1 .vip { width: auto; height: 15px; background: url(../Images/vip22-bg.png) center center no-repeat; background-size: 100% 100%; display: inline-block; color: #fff; padding:2px 5px; line-height: 15px; font-size:12px; }
.page22 .part1 .more { float: right; background: url(../Images/arrow-right4.png) right center no-repeat; background-size: 5px 11px; display: inline-block; padding-right: 8px; }
.page22 .part1 .more .icon22 { width: 18px; height: 18px; }
.page22 .part1 .tips { margin: 10px 0; }
.page22 .part2 { background-color: #fff; border-top: #eee 1px solid; border-bottom: #eee 1px solid; }
.page22 .part2 .title { width: 100%; padding: 10px 15px; height:50px; line-height: 30px; border-bottom: #eee 1px solid; color: #999; }
.page22 .part2 .title b { margin-left: 20px; color: #000; }
.page22 .part2 .btn1, .page22 .part2 .btn2 { line-height: 30px; border-radius: 30px; padding: 0 20px; color: #fff; background-color: #3399cc; display: inline-block; float: right; margin-left: 10px; font-size: 12px; }
.page22 .part2 .con { height: 50px; padding:10px 15px; line-height: 40px; border-bottom: #eee 1px solid}
.page22 .part2 .con img { width: 20px; float: left; margin-top:10px; margin-right: 5px; }
.page22 .part2 .con a { display: block; width: 100%; height: 100%; background: url(../Images/arrow-right4.png) right center no-repeat; background-size: 5px 11px; color: #000000; }
.page22 .part3 { width: 100%; }
.page22 .part3 h2 { margin: 0; padding: 0 15px; line-height: 40px; font-size: 14px; color: #999; }
.page22 .part3 .item { width: 100%; background-color: #fff; border-top: #eee 1px solid; border-bottom: #eee 1px solid; }
.page22 .part3 .hd { width: 100%; border-bottom: #eee 1px solid; padding: 5px 15px; line-height: 30px; color: #999; }
.page22 .part3 .hd time { float: right; }
.page22 .part3 .bd { width: 100%; padding: 5px 15px; border-bottom: #eee 1px solid; line-height: 60px; }
.page22 .part3 .bd .face { width: 60px; height: 60px; border-radius: 5px; overflow: hidden; float: left; display: block; margin-right: 10px; }
.page22 .part3 .bd .icon2 { width: 15px; height: 15px; display: block; float: right; margin-top: 22px; }
.page22 .part3 .btm { width: 100%; padding: 5px 15px; line-height: 30px; color: #999; }
.page22 .part3 .btm b { color: #000; font-weight: normal; }
.page22 .part3 .status-wait .hd span { color: #3399cc; }
.page22 .part3 .status-wait .btm b { color: #fb5352; }

.fixednav{
    position: fixed;
    height: 87px;
    width: 100%;
    margin: auto;
    z-index: 1000;
    top:0
}


.carousel-indicators .active{
  width: 30px;
  opacity: 0.5;
background: #FFFFFF;
border-radius: 100px;
}
.carousel-indicators li{
  width: 14px;
  border-radius: 6px;
  opacity: 0.5;
  background: #FFFFFF;
  border-radius: 100px;
  margin: 0 3px
}
.swiper-slide{
  border-right:1px solid #EEEEEE;
}

.btn-submit{
	border-radius: 100px;
}
.navbar-header{
  position: relative;
  z-index: 9999;
}